.im-popover-inner-content {
  padding: 0;

  p {
    margin: 0;
    line-height: 30px;
    padding: 0 17px;
    border-bottom: 1px solid #e6ebf5;
    cursor: pointer;
    position: relative;
    &.online {
      &::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #b7eb8f;
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translate(0, -50%);
      }
    }

    &.offline {
      &::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background-color: #ffccc7;
        position: absolute;
        left: 5px;
        top: 50%;
        transform: translate(0, -50%);
      }
    }
    &:last-of-type {
      border-bottom: none;
    }
  }
}

.im-popover-title {
  min-width: auto;
}

.popover-item {
  background-color: #f2f2f2;

  .share {
    .share-icon {
      vertical-align: middle;
      width: 16px;
      height: 16px;
      margin-right: 5px;
    }

    .share-txt {
      vertical-align: middle;
    }
  }
}
